
var aTxyData=JSON.parse(localStorage.getItem('TxyData'))||[
];

localStorage.setItem('TxyData',JSON.stringify(aTxyData));

var dataIndex=0;
if (aTxyData.length){
    var dataIndex=aTxyData[aTxyData.length-1].index+1;
}

function checkFn() {
    $('#delBtn').click(function () {
        var flag=false;
        $('table tr td input[type=checkbox]').each(function () {
            if ($(this).prop('checked')) {
                for (var j=0;j<aTxyData.length;j++){
                    if (aTxyData[j].index==$(this).attr('dataIndex')) {
                        aTxyData.splice( j,1);
                        flag=true;
                    }
                }
            }
        });

        if (flag){
            creatPageN();
            localStorage.setItem('TxyData',JSON.stringify(aTxyData));
            $('.page-box').css({
                display:'block'
            });
            getThisPageData(n);
            $('#myPageBox a').eq(n-1).attr('class','active').siblings('a').attr('class','');
            if ($('#tabContent').html()==''){
                $('#myPageBox a') .attr('class','');
            }
            myAlert('删除成功')
        }else {
            myAlert('未选中任何内容删除失败')
        }
    });
}
checkFn();


var oAddBtn=$('.root-addUser');
var oAddpage=$('.alert-addUser');
var oNoneAddPage=$('.alert-addUser-exit');
var oSubmitAdd=$('.submitAdd');
var oAddName=$('#addName');
var oAddUserName=$('#addUserName');
var oAddPassword=$('#addPassword');
var oAddRoot=$('#addRoot');
var oRootTab=$('#root-tab');
oAddBtn.click(function () {



    oAddpage.css(
        {display:'block',
        }
    );
    setTimeout(function(){
        oAddpage.css(
            {top:'20%', opacity:'1'}
        )
    },100);
});
oNoneAddPage.click(
    function () {

        oAddpage.css(
            {

                top:'0%',
                opacity:'0'
            }
        );

        setTimeout(function () {
            oAddpage.css(
                {
                    display:'none'
                }
            );
        },300)
    }
);




if (aTxyData.length){
    getThisPageData(1);
}

oSubmitAdd.click(function () {

    var nameFlag=false;
    var userNameFlag=false;
    var passWord=false;
    if (oAddName.val().trim()){
        nameFlag=true;
    }
    if (oAddUserName.val().trim()){
        userNameFlag=true
    }
    if (oAddPassword.val().trim()){
        passWord=true
    }
    if (nameFlag&&userNameFlag&&passWord) {
        $('.page-box').css({
            display:'block'
        });

        aTxyData.push(
            {
                name:oAddName.val(),
                root:oAddRoot.val(),
                username:oAddUserName.val(),
                password:oAddPassword.val(),
                index:dataIndex++
            }
        );
        localStorage.setItem('TxyData',JSON.stringify(aTxyData));
        myAlert('新增人员成功');
        thisPage=Math.ceil((aTxyData.length)/5);
        getThisPageData(thisPage);
        creatPageN();
        n=thisPage
        $('#myPageBox a').eq(n-1).attr('class','active').siblings('a').attr('class','')

    }else {
        myAlert('请完善数据')
    }


});


function readTxyData(){
    $('#tabContent').html('');
    for (var i=0;i<aPage.length;i++){
        $('#tabContent').append(
            $('<tr>' +
                '<td> <input type="checkbox" dataIndex='+aPage[i].index+'> </td>' +
                '<td class="TDTxyData bumen">'+aPage[i].root+'</td> ' +
                '<td class="TDnameData">'+aPage[i].name+'</td>' +
                '<td class="TDuserNameData">'+aPage[i].username+'</td>' +
                '<td class="TDpassword">'+aPage[i].password+'</td> ' +
                '<td><a class="setTxyData" href="#">修改</a></td>' +
                '</tr>')
        );
    }

}

function myAlert(setVal) {

    var getMyalert=$('#myAlertEle');
    getMyalert.css({
        zIndex:'99'
    });
    getMyalert.html(setVal);
    getMyalert.css(
        {
            display:'block',

        }
    );
    var timer1=setTimeout(function () {
        clearInterval(timer1);

        getMyalert.css(
            {
                top:'20%',
                opacity:'1'
            }
        )
    },100);

    var timer2=setTimeout(

        function () {
            clearInterval(timer2)
            getMyalert.css(
                {
                    top:'0%',
                    opacity:'0'
                }
            )
        },1000
    );
    var timer3=setTimeout(
        function () {
            clearInterval(timer3);
            getMyalert.css(
                {
                    display:'none'
                }
            )
        },1300
    )


};
var getIndex;
$('#tabContent').on('click','.setTxyData',function () {


    $('#mySetAlertEle').css(
        {
            display:'block',

        }
    );
    setTimeout(function(){
        $('#mySetAlertEle').css(
            {top:'20%',
                opacity:'1'
            }
        )
    },100);
    var setNameVal=$(this).parents('tr').children('.TDnameData').html();
    var setRootVal=$(this).parents('tr').children('.TDTxyData').html();
    var setUsernameVal=$(this).parents('tr').children('.TDuserNameData').html();
    var setPasswordVal=$(this).parents('tr').children('.TDpassword').html();
    getIndex=$(this).parents('tr').children().children('input[type=checkbox]').attr('dataindex');

    $('#setName').val(setNameVal);
    $('#setRoot').val(setRootVal);
    $('#setUsername').val(setUsernameVal);
    $('#setPassword').val(setPasswordVal);
    for (var i=0;i<aTxyData.length;i++){
        if (aTxyData[i].index==getIndex){

            if (aTxyData[i].addGGroot==1){
                $('#gg').prop('checked',true)
            } else {
                $('#gg').prop('checked',false)

            }

            if (aTxyData[i].addJYroot==1){
                $('#jy').prop('checked',true)
            } else {
                $('#jy').prop('checked',false)

            }
            if (aTxyData[i].addBJroot==1){
                $('#bj').prop('checked',true)
            } else {
                $('#bj').prop('checked',false)

            }
            if (aTxyData[i].addXSroot==1){
                $('#xs').prop('checked',true)
            } else {
                $('#xs').prop('checked',false)

            }
            if (aTxyData[i].addHQroot==1){
                $('#hq').prop('checked',true)
            } else {
                $('#hq').prop('checked',false)

            }
            if (aTxyData[i].addBMroot==1){
                $('#bm').prop('checked',true)
            } else {
                $('#bm').prop('checked',false)

            }



        }


    }

});
$('.submitSet ').click(function () {
    $('.page-box').css({
        display:'block'
    });
    var addGGroot=0;
    var addJYroot=0;
    var addBJroot=0;
    var addXSroot=0;

    var addBMroot=0;

    if ($('#gg').prop('checked')){
        addGGroot=1
    };
    if ($('#jy').prop('checked')){
        addJYroot=1
    };
    if ($('#bj').prop('checked')){
        addBJroot=1
    };
    if ($('#xs').prop('checked')){
        addXSroot=1
    };

    if ($('#bm').prop('checked')){
        addBMroot=1
    };
    for (var i=0;i<aTxyData.length;i++){

        if (aTxyData[i].index==getIndex){

            aTxyData[i]= {
                name:  $('#setName').val(),
                root:$('#setRoot').val(),
                username:$('#setUsername').val(),
                password:$('#setPassword').val(),
                index:getIndex,
                headsrc:aTxyData[i].headsrc,
                addGGroot:addGGroot,
                addJYroot:addJYroot,
                addBJroot:addBJroot,
                addXSroot:addXSroot,
                addBMroot:addBMroot,
            }
        }
    };

    myAlert('');




    getThisPageData(n ||1);
    localStorage.setItem('TxyData',JSON.stringify(aTxyData))


});
$('#mySetAlertEle .alert-setUser-exit').click( function () {

    $('#mySetAlertEle').css(
        {

            top:'0%',
            opacity:'0'
        }
    );

    setTimeout(function () {
        $('#mySetAlertEle').css(
            {
                display:'none'
            }
        );
    },300)
});
var oSearchInput=document.getElementById('searchInput')

oSearchInput.oninput=function () {
    $('#tabContent').html('');
    $('.page-box').css({
        display:'none'
    });
    var inputVlue=oSearchInput.value;

    for (var i=0;i<aTxyData.length;i++){

        var temp=JSON.stringify(aTxyData[i]);

        var temp2=JSON.parse(temp);
        temp2.index='';


        var temp3=temp2.name+temp2.username+temp2.root+temp2.password;


        if (temp3.indexOf(inputVlue)!=-1){
            var lastTemp=JSON.parse(temp);

            $('#tabContent').append(

                $('<tr>' +
                    '<td> <input type="checkbox" dataIndex='+lastTemp.index+'> </td>' +
                    '<td class="TDTxyData">'+lastTemp.root+'</td> ' +
                    ' <td class="TDnameData">'+lastTemp.name+'</td>' +
                    '<td class="TDuserNameData">'+lastTemp.username+'</td>' +
                    '<td class="TDpassword">'+lastTemp.password+'</td> ' +
                    '<td><a class="setTxyData" href="#">修改</a></td>' +
                    '</tr>')

            )
        }


    }
    if (inputVlue==''){
        $('.page-box').css({
            display:'block'
        });
        getThisPageData(1);
        $('#myPageBox').children('a').eq(0).attr('class','active').siblings('a').attr('class','')
    }


};
var aPage=[];
function getThisPageData(pageN) {

    aPage=aTxyData.slice((pageN-1)*5,pageN*5);
    readTxyData()

}
function creatPageN() {
    $('#myPageBox').html('');
    var n=Math.ceil((aTxyData.length)/5);

    for (var i=1;i<=n;i++){

        if (i==1){
            $('#myPageBox').append('<a href="#" class="nav-ul active">'+i+'</a>');
        }else {
            $('#myPageBox').append('<a href="#" class="nav-ul">'+i+'</a>');

        }
    }
}
creatPageN();

var thisPage=Math.ceil((aTxyData.length)/5);
console.log(thisPage);
var n=1;
$('#myPageBox').on('click','a',function () {
    n=$(this).text();
    getThisPageData(n);
    $(this).attr('class','active').siblings('a').attr('class','')
});
$('#nextPage').click(function () {


    var temp=Math.ceil((aTxyData.length)/5);
    console.log(n);
    if (n!=temp){
        n++;
    }else {
        myAlert('以是最后一页')
    }
    getThisPageData(n);
    $('#myPageBox a').eq(n-1).attr('class','active').siblings('a').attr('class','')

});
$('#prevPage').click(function () {

    console.log(n);
    if (n!=1){
        n--;
    }else {
        myAlert('以是第一页')
    }
    getThisPageData(n);
    $('#myPageBox a').eq(n-1).attr('class','active').siblings('a').attr('class','')
});
$('.dropdown li').click(function(e) {
    $('#dropdown2').html($(this).text()+'&nbsp'+'&nbsp'+'&nbsp'+'<span class="caret"></span>');

    if (e.target.innerText=='行政部'){
        $('.zheng').show();$('.cai').hide();$('.jiao').hide();
        $('.hou').hide();$('.wei').hide();$('.qita').hide();
    }
    if (e.target.innerText=='财务部'){
        $('.zheng').hide();$('.cai').show();$('.jiao').hide();
        $('.hou').hide();$('.wei').hide();$('.qita').hide();
    }
    if (e.target.innerText=='教育部'){
        $('.zheng').hide();$('.cai').hide();$('.jiao').show();
        $('.hou').hide();$('.wei').hide();$('.qita').hide();
    }
    if (e.target.innerText=='后勤部'){
        $('.zheng').hide();$('.cai').hide();$('.jiao').hide();
        $('.hou').show();$('.wei').hide();$('.qita').hide();
    }
    if (e.target.innerText=='保卫部'){
        $('.zheng').hide();$('.cai').hide();$('.jiao').hide();
        $('.hou').hide();$('.wei').show();$('.qita').hide();
    }
    if (e.target.innerText=='其他'){
        $('.zheng').hide();$('.cai').hide();$('.jiao').hide();
        $('.hou').hide();$('.wei').hide();$('.qita').show();
    }
    if (e.target.innerText=='所有部门'){
        $('.zheng').show();$('.cai').show();$('.jiao').show();
        $('.hou').show();$('.wei').show();$('.qita').show();
    }

});
$('.dropdown li').mousemove(function () {
    $(".bumen").each(function(){
        if($(this).text().indexOf("行政")>-1 ){
            var PP= $(this).parent();
            PP.addClass('zheng');
        }
        if($(this).text().indexOf("财务")>-1 ){
            var PP= $(this).parent();
            PP.addClass('cai');
        }
        if($(this).text().indexOf("教育")>-1 ){
            var PP= $(this).parent();
            PP.addClass('jiao');
        }
        if($(this).text().indexOf("后勤")>-1 ){
            var PP= $(this).parent();
            PP.addClass('hou');
        }
        if($(this).text().indexOf("保卫")>-1 ){
            var PP= $(this).parent();
            PP.addClass('wei');
        }
        if($(this).text().indexOf("其他")>-1 ){
            var PP= $(this).parent();
            PP.addClass('qita');
        }
    })
});